<template>
    <div id="notice">
        <div id="top" align="left">
            <label style="background-color:#ff9900;">测评报告使用说明</label>
            <p>1、本报告测评结果是依据测试者的问卷回答产生的结果。由于测试者的反应倾向、是否认真作答、测评时的环境等因素的影响，测评结果可能与真实情况有所偏差。</p>
            <p>2、测评结果可以作为了解测试者的参考，但绝不是唯一的依据。</p>
            <p>3、测评结果是对当下状态的评估，半年后测评结果与现实状态有可能差距较大，逾期不建议参考。</p>
            <br/>
            <label style="background-color:#ff9900;">你的评测结果</label>
            <div id="charset">
                <Col span="24" class="padding-top-5">
                <div class="mybox height-250px">
                    <div style="width:45%;height:245px;" id="scoreChartId"></div>
                </div>
                </Col>
            </div>
            <p>上图是基于您的测评数据为您构建的职业倾向图示，你的霍兰德代码是{{$data.HolandCode}}
                图中黄色曲线内面积所覆盖的区域代表着您的职业倾向类型，你适合的兴趣范畴在黄色六边形相对集中的区域，
                黄色区域面积越大说明您的职业兴趣越广，同时对所选职业的喜欢程度也不会太强（如果黄色区域呈现正六边形或接近六边形，
                在霍兰德常模内属罕见情况，本报告及多边形图可能无效）；相反，兴趣越专一，职业的选择面就越窄，同时对于所选职业的喜好程度也就越强。
            </p>
            <label style="background-color:#ff9900;">霍兰德六种类型</label>
            <p>1、社会型：(S)共同特征:喜欢与人交往、不断结交新的朋友、善言谈、愿意教导别人。关心社会问题、渴望发挥自己的社会作用。寻求广泛的人际关系，比较看重社会义务和社会道德典型职业:喜欢要求与人打交道的工作，能够不断结交新的朋友，从事提供信息、启迪、帮助、培训、开发或治疗等事务，并具备相应能力。如:教育工作者(教师、教育行政人员)，社会工作者(咨询人员、公关人员)。</p>
            <p>2、企业型：(E)共同特征:追求权力、权威和物质财富，具有领导才能。喜欢竞争、敢冒风险、有野心、抱负。为人务实，习惯以利益得失，权利、地位、金钱等来衡量做事的价值，做事有较强的目的性。典型职业:喜欢要求具备经营、管理、劝服、监督和领导才能，以实现机构、政治、社会及经济目标的工作，并具备相应的能力。如项目经理、销售人员，营销管理人员、政府官员、企业领导、法官、律师。</p>
            <p>3、传统型：(C)共同特点:尊重权威和规章制度，喜欢按计划办事，细心、有条理，习惯接受他人的指挥和领导，自己不谋求领导职务。喜欢关注实际和细节情况，通常较为谨慎和保守，缺乏创造性，不喜欢冒险和竞争，富有自我牺牲精神。典型职业:喜欢要求注意细节、精确度、有系统有条理，具有记录、归档、据特定要求或程序组织数据和文字信息的职业，并具备相应能力。如:秘书、办公室人员、记事员、会计、行政助理、图书馆管理员、出纳员、打字员、投资分析员。</p>
            <p>4、现实型：(R)共同特点:愿意使用工具从事操作性工作，动手能力强，做事手脚灵活，动作协调。偏好于具体任务，不善言辞，做事保守，较为谦虚。缺乏社交能力，通常喜欢独立做事。典型职业:喜欢使用工具、机器，需要基本操作技能的工作。对要求具备机械方面才能、体力或从事与物件、机器、工具、运动器材、植物、动物相关的职业有兴趣，并具备相应能力。如:技术性职业(计算机硬件人员、摄影师、制图员、机械装配工程师)，技能性职业(木匠、厨师、技工、修理工程师、农民、一般劳动)。</p>
            <p>5、研究型：(I)共同特点:思想家而非实干家,抽象思维能力强，求知欲强，肯动脑，善思考，不愿动手。喜欢独立的和富有创造性的工作。知识渊博，有学识才能，不善于领导他人。考虑问题理性，做事喜欢精确，喜欢逻辑分析和推理，不断探讨未知的领域。典型职业:喜欢智力的、抽象的、分析的、独立的定向任务，要求具备智力或分析才能，并将其用于观察、估测、衡量、形成理论、最终解决问题的工作，并具备相应的能力。如科学研究人员、教师、工程师、电脑编程人员、医生、系统分析员。</p>
            <p>6、艺术型：(A)共同特点:有创造力，乐于创造新颖、与众不同的成果，渴望表现自己的个性，实现自身的价值。做事理想化，追求完美，不重实际。具有一定的艺术才能和个性。善于表达、怀旧、心态较为复杂。典型职业:喜欢的工作要求具备艺术修养、创造力、表达能力和直觉，并将其用于语言、行为、声音、颜色和形式的审美、思索和感受，具备相应的能力。不善于事务性工作。如艺术方面(演员、导演、艺术设计师、雕刻家、建筑师、摄影家、广告制作人)，音乐方面(歌唱家、作曲家、乐队指挥)，文学方面(小说家、诗人、剧作家)。
                然而，大多数人都并非只有一种性向(比如，一个人的性向中很可能是同时包含着社会性向、实际性向和调研性向这三种)。霍兰德认为，这些性向越相似，相容性越强，则一个人在选择职业时所面临的内在冲突和犹豫就会越少。为了帮助描述这种情况，霍兰德建议将这六种性向分别放在一个正六三角形的每一角。员工的工作满意度与流动倾向性，取决于个体的人格特点与职业环境的匹配程度。当人格和职业相匹配时，会产生最高的满意度和最低的流动率。例如，社会型的个体应该从事社会型的工作，社会型的工作对现实型的人则可能不合适。
            <p>这一模型的关键在于：</p>
            <p>1个体之间在人格方面存在着本质差异；</p>
            <p>2个体具有不同的类型；</p>
            <p>3当工作环境与人格类型协调一致时，会产生更高的工作满意度和更低的离职可能性。 </p>
            <label style="background-color:#ff9900;">六种类型的内在关系</label>
            <p>霍兰德所划分的六大类型，并非是并列的、有着明晰的边界的。他以六边形标示出六大类型的关系。</p>
            <p>1)相邻关系，如RI、IR、IA、AI、AS、SA、SE、ES、EC、CE、RC及CR。属于这种关系的两种类型的个体之间共同点较多，现实型R、研究型I的人就都不太偏好人际交往，这两种职业环境中也都较少机会与人接触。</p>
            <p>2)相隔关系，如RA、RE、IC、IS、AR、AE、SI、SC、EA、ER、CI及CS，属于这种关系的两种类型个体之间共同点较相邻关系少。</p>
            <p>3)相对关系，在六边形上处于对角位置的类型之间即为相对关系，如RS、IE、AC、SR、EI、及CA即是，相对关系的人格类型共同点少，因此，一个人同时对处于相对关系的两种职业环境都兴趣很浓的情况较为少见。</p>
            <p>人们通常倾向选择与自我兴趣类型匹配的职业环境，如具有现实型兴趣的人希望在现实型的职业环境中工作，可以最好地发挥个人的潜能。但职业选择中，个体并非一定要选择与自己兴趣完全对应的职业环境。一则因为个体本身常是多种兴趣类型的综合体，单一类型显著突出的情况不多，因此评价个体的兴趣类型时也时常以其在六大类型中得分居前三位的类型组合而成，组合时根据分数的高低依次排列字母，构成其兴趣组型，如RCA、AIS等;二则因为影响职业选择的因素是多方面的，不完全依据兴趣类型，还要参照社会的职业需求及获得职业的实际可能性。因此，职业选择时会不断妥协，寻求与相邻职业环境、甚至相隔职业环境，在这种环境中，个体需要逐渐适应工作环境。但如果个体寻找的是相对的职业环境，意味着所进入的是与自我兴趣完全不同的职业环境，则我们工作起来可能难以适应，或者难以做到工作时觉得很快乐，相反，甚至可能会每天工作得很痛苦。</p>
            <label style="background-color:#ff9900;">适合你的专业和职业</label>
            <p>{{this.to}}</p>
        </div>
    </div>
</template>
<script>
  import echarts from 'echarts';
  import {exam} from '../../../../api/index.js';
  export default {
      components: {
      },
      data () {
          return {
              HolandCode: this.$route.params.myType,
              type: '',
              to: ''
          };
      },
      methods: {
      },
      mounted () {
          exam.getTest2jobByType({data: {myType: this.HolandCode}}).then((res) => {
              this.type = res.data.data.test2job.type;
              this.to = res.data.data.test2job.to;
          }, function (error) {
              this.message(error);
          });
          let chartObj = echarts.init(document.getElementById('scoreChartId'));
          let option = {
              radar: [
                  {

                  },
                  {
                      indicator: [
              { text: 'A艺术', max: 30 },
              { text: 'I调研', max: 30 },
              { text: 'R实际', max: 30 },
              { text: 'C常规', max: 30 },
              { text: 'E企业', max: 30 },
              { text: 'S社会', max: 30 }
                      ],
                      center: ['50%', '50%'],
                      radius: 90
                  }
              ],
              series: [
                  {
                      type: 'radar',
                      radarIndex: 1,
                      data: [
                          {
                              value: [this.$route.params.R, this.$route.params.I, this.$route.params.A, this.$route.params.S, this.$route.params.E, this.$route.params.C],
                              areaStyle: {
                                  normal: {
                                      opacity: 0.9,
                                      color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [
                                          {
                                              color: '#37438c',
                                              offset: 0
                                          },
                                          {
                                              color: '#72ACD1',
                                              offset: 1
                                          }
                                      ])
                                  }
                              },

                              itemStyle: {
                                  normal: {
                                      color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [
                                          {
                                              color: '#37438c',
                                              offset: 0
                                          },
                                          {
                                              color: '#72ACD1',
                                              offset: 1
                                          }
                                      ])
                                  }
                              }
                          }
                      ]
                  }
              ]
          };
          chartObj.setOption(option);
      }
  };
</script>